<style lang="scss" scoped>
.header-component {
  height: 100%;
  background-image: url('../../assets/icons/header-bg.png');
  background-size: 100% auto;
  background-repeat: no-repeat;
  pointer-events: auto;
  display: flex;
  align-items: center;
}

.right {
  margin-left: auto;
  margin-right: 10px;
  cursor: pointer;
}
</style>

<template>
<div class="header-component">
  <div class="right">
    <el-icon @click="goToAdmin">
      <User />
    </el-icon>
  </div>
</div>
</template>

<script setup>
import { useRouter } from 'vue-router';
const router = useRouter();
const goToAdmin = () => {
  router.push('/login')
  // router.replace('/index')
};
</script>
